<%--
    Document   : popuptemplate
    Created on : Jun 4, 2012, 2:47:19 PM
    Author     : ems
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@taglib prefix="rich" uri="http://richfaces.org/rich" %>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j" %>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="../css/popup.css"/>
        <link rel="stylesheet" type="text/css" href="../css/kapiform.css"/>
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/jq.date.js"></script>  
        <link rel="stylesheet" type="text/css" href="../css/ui.datepicker.css"/>
        <script type="text/javascript">        
            var open_cur = 0;      
            $j = jQuery.noConflict();
            $j(document).ready(function(){            
                $j('input#date').datepicker({ dateFormat: 'dd/mm/yy', showOn: 'button', buttonImage: '../images/calenda_icon.gif', buttonImageOnly: true }); 
                $j('input#leavedate1').datepicker({ dateFormat: 'dd/mm/yy', showOn: 'button', buttonImage: '../images/calenda_icon.gif', buttonImageOnly: true }); 
                $j('.header-box').live('click', function(){               
                    if($j(this).next('.customer-box').css('display') != 'none'){
                        return;
                    }else{
                        var PN100=$j('#form-input-customerform\\:PN100').val();
                  
                        if(PN100 != 0)
                        {
                            $j('.messa').hide();
                            $j('.customer-box').slideUp();                         
                            $j('.boder-bomttom').removeClass('boder-bomttom');
                            $j(this).next('.customer-box').slideDown();
                            $j(this).addClass('boder-bomttom');
                        } else{                        
                            $j('.messa').show();
                            $j(this).next('.customer-box').css('display') != 'none'
                        }
                           
                    }

                });
                $j('.close111').live('click', function(){
                    window.location.href="customerexpand.jsp";
                });
                $j('#fancybox-close').live('click', function(){
                    window.location.href="customerexpand.jsp";
                }); 
                $j(".buttonsave").live("click",function(){
                    if($j('.requiredF').val() == '' || $j('.requiredL').val() == ''  ){
                        // alert($j('.requiredF').val());
                        $j(".alert").text("(*) Không được để trống!!!");
                    }else{
                    
                        $j(".alert").text("");
                        if($j('.delay').css('display') != 'none')
                        {
                            $j('.demo').show();
                            $j('.demo').delay(6000).fadeOut('slow');
                        }
                    }                 
                }); 
        
                $j(".buttonsearch").live('click', function(){
                    $j(".research").show();
                });
            
                $j(".check_select1").live('click', function(){          
                    if($j(this).is(':checked')){               
                        iddd = $j(this).attr("lang");
                        $j('input[lang!='+iddd+'].check_select1').attr('checked',false);                   
                        var PN100=$j('.customer-box').attr("lang");
                        var cty = $j(this).parent().next().children().children().text();
                        var dchi = $j(this).parent().next().next().children().children().text();
                        var nn = $j(this).parent().next().next().next().children().children().text();
                        $j.post("actionCustomerexpand.jsp?idEm=" + PN100 + "&iddd=" + iddd + "&cty=" + cty , function(data){                      
                        });
                    }

                });
                
            });

        </script>
    </head>


    <script type="text/javascript">
        $j = jQuery.noConflict();
        $j(document).ready(function(){
           
            
            $j(".buttonsave1").live('click', function(){
                $j(".research").css('display','none');
                $j(".fromcareww").css('display','block');
                $j(".fromtim").css('display','none');
                $j(this).css('display','none');
                $j(".buttonsave2").css('display','block');
            });
            $j(".buttonsave2").live('click', function(){
                $j(".research").css('display','block');
                $j(".fromcareww").css('display','none');
                $j(".fromtim").css('display','block');
                $j(this).css('display','none');
                $j(".buttonsave1").css('display','block');
            });
            // Tung Srat
           
         

        });
    </script>
    <style type="text/css">

        .fromtim{
            float: left;
            width:100%;
            height: 30px;
            margin-bottom: 7px;
        }
        .alert1111{
            float:left;color: red;
            float: left;
            font-weight: bold;
            height: 20px;
            line-height: 20px;
            margin-bottom: 10px;
            margin-left: -100px;
            margin-top: 10px;
            max-height: 30px;
            overflow: hidden;
            position: absolute;
            text-align: center;
            width: 200px;
        }
        .bg_department{
            height: 68 !important;
        }
        .feild_sex td label{
            color:#4C4C4C;
        }
        #ui-datepicker-div
        {
            z-index: 9999999;
        }

        span img{
            height: 15px !important;
            width:15px !important;

        }
        .alert{
            width:200px;
            height:20px;
            max-height:30px;
            overflow: hidden;
            float: left;
            line-height: 20px;
            font-weight: bold;
            text-align:center;
            color:red;
            margin-bottom: 10px;
            margin-top: 10px;
            position: absolute;
            margin-left: 209px;

        }
        .alert2{
            width:200px;
            height:20px;
            max-height:30px;
            overflow: hidden;
            float: left;
            line-height: 20px;
            font-weight: bold;
            text-align:center;
            color:red;
            margin-bottom: 10px;
            margin-top: 10px;
            position: absolute;
            margin-left: 209px;

        }
        .alert1{
            width:200px;
            height:20px;
            max-height:30px;
            overflow: hidden;
            float: left;
            line-height: 20px;
            font-weight: bold;
            text-align:center;
            color:red;
            margin-bottom: 10px;
            margin-top: 10px;
            position: absolute;
            margin-left: 209px;

        }
        .alertC{
            width:200px;
            height:20px;
            max-height:30px;
            overflow: hidden;
            float: left;
            line-height: 20px;
            font-weight: bold;
            text-align:center;
            color:red;
            margin-bottom: 10px;
            margin-top: 10px;
            margin-left: -100px;      
        }

        .buttonsavecmnd{
            background: url("../images/button_left.gif") repeat-x scroll 0 0 transparent;
            border: 0 none;
            color: white;
            cursor: pointer;
            float: right;
            font-size: 15px;
            font-weight: bold;
            height: 28px;
            margin-right: 20px;
            margin-top: 9px;
            text-transform: uppercase;
            width: 75px;
        }

        .buttonsaveContact{
            background: url("../images/button_left.gif") repeat-x scroll 0 0 transparent;
            border: 0 none;
            color: white;
            cursor: pointer;
            float: right;
            font-size: 15px;
            font-weight: bold;
            height: 28px;
            margin-right: 20px;
            margin-top: 9px;
            text-transform: uppercase;
            width: 75px;
        }
        .buttonsaveCompany{
            background: url("../images/button_left.gif") repeat-x scroll 0 0 transparent;
            border: 0 none;
            color: white;
            cursor: pointer;
            float: right;
            font-size: 15px;
            font-weight: bold;
            height: 28px;
            margin-right: 20px;
            margin-top: 9px;
            text-transform: uppercase;
            width: 75px;
        }
        .buttonsaveCompany1{
            background: url("../images/button_left.gif") repeat-x scroll 0 0 transparent;
            border: 0 none;
            color: white;
            cursor: pointer;
            float: right;
            font-size: 15px;
            font-weight: bold;
            height: 28px;
            margin-right: 20px;
            margin-top: 9px;
            text-transform: uppercase;
            width: 75px;
        }
        .buttonsaveAccount{
            background: url("../images/button_left.gif") repeat-x scroll 0 0 transparent;
            border: 0 none;
            color: white;
            cursor: pointer;
            float: right;
            font-size: 15px;
            font-weight: bold;
            height: 28px;
            margin-right: 20px;
            margin-top: 9px;
            text-transform: uppercase;
            width: 75px;
        }
        .fast_search1{

            margin-left: 100px;
        }
        .text_search1{

        }
        .fast_search1 input[type="text"]{
            height: 26px;
            width:300px;
            border: 1px solid #138EF9;
            border-radius: 4px ;
            float:left;

        }
        .fast_search1 a img{
            cursor: pointer;
            height: 34px;
            margin-left: 5px;
            width: 45px;
            border-radius: 4px ;

        }
        .buttonsearch1{
            font-weight: bold;
            border:0;          
            width:56px; height:24px;
            color:#ffffff;
            border-radius: 2px 3px 2px 3px;
            cursor:pointer;
            text-transform:uppercase;
            background-color: #526171;
        }
        .buttonsearch{
            border:0;
            background:url(../images/btn_search.png) repeat-x;
            width:30px; height:30px;
            color:#ffffff;
            cursor:pointer;
            text-transform:uppercase;
        }
        .title labe{
            width:23px;
        }
        .sort_char1 label{
            width:21px ;
            text-align: center;
        }
        .sort_char1 {
            text-align: center;
            font-size: 11px ;
            margin-right: 0 ;
        }
        .sort_char1 a{
            border: 1px solid #82A6C7  ;
            color: #266DB3 ;
            cursor: pointer ;
            display: inline-block ;
            line-height: 20px ;

        }
        .research{

            float: left;
            width:100%;
            height: auto;
            margin-bottom: 10px;
        }
        .mesage{
            color: red;
            float: left;
            margin-left: 252px;
            margin-top: 20px;
            text-transform: uppercase;

        }
        .namecompany{
            float:left;
            width:50% 
        }
        .carew{
            float:left;
            width:50% 
        }
        .db{
            margin-left: -10px !important;
        }
        .idd{
            color: white;
        }
        .addcarew{
            display:none;
        }
        .addcarew1{
            display:block;
        }
        .congty{
            width:120px;
        }
        .button{
            float: left;
            width:100%;
            height: 40px;
        }
        .select_cus td label{
            width: 79px !important;
            margin-left: 2px;
        }
        .select_cus td{
            width: 119px !important;
        }
        .fromcareww{
            display: none;
            margin-top: 26px;
        }

        .buttonsave1 {
            background: url("../images/button_left.gif") repeat-x scroll 0 0 transparent;
            border: 0 none;
            color: white;
            cursor: pointer;
            float: left;
            font-size: 10px;
            font-weight: bold;
            height: 13px;
            margin-bottom: 5px;
            margin-left: 11px;
            padding: 4px 7px;
            text-transform: uppercase;
            width: auto;
        }
        .buttonsave2 {
            background: url("../images/button_left.gif") repeat-x scroll 0 0 transparent;
            border: 0 none;
            color: white;
            cursor: pointer;
            float: left;
            font-size: 10px;
            font-weight: bold;
            height: 13px;
            display: none;
            margin-left: 11px;
            padding: 4px 7px;
            text-transform: uppercase;
            width: auto;
            margin-bottom: 5px;
        }
        .message{
            color: red;
            float: left;
            margin-left: 202px;
            margin-top: 16px;
            text-align: center;
            font-weight: bold;
        }
        .header-box
        {
            width: 668px !important;
        }
        .customer-box
        {
            width: 672px !important;
        }

    </style>
    <f:view>

        <body style=" float:left; width:auto; height:auto; margin:0px;">
            <f:loadBundle basename="#{environmentSession.localizationSource}" var="locale"/>
            <div class="popup" style="height:auto; width:720px">
                <div class="popup-header">
                    <div class="title"><h:outputText value="#{locale.customer_company_add}"/></div>

                </div>
                <div class="popup-content">
                    <a4j:form id="formKHCN" rendered="#{customerExpand.flagForm != 1}">
                        <span class="header-box boder-bomttom"><h:outputText value="#{locale.job_info}"/></span>
                        <div class="customer-box" style="" lang="<h:outputText value="#{CustomerBean.pn100}"/>">

                            <h:panelGroup>                                   
                                <div class="form-left">
                                    <div class="fields_input">
                                        <label><h:outputText value="#{locale.title}"/></label>
                                        <h:selectOneMenu value="#{CustomerBean.nv108}">  
                                            <f:selectItems value="#{CustomerBean.selectItems}" />  
                                        </h:selectOneMenu>

                                    </div>
                                    <div class="fields_input">
                                        <label><h:outputText value="#{locale.fname}"/>*:</label>&nbsp;
                                        <h:inputText value="#{CustomerBean.nv102}" id="firstname" styleClass="required ">                                      
                                        </h:inputText>

                                    </div>
                                    <div class="fields_input">
                                        <label><h:outputText value="Chữ lót"/>*:</label>&nbsp;
                                        <h:inputText value="#{CustomerBean.nv127}"  styleClass="required ">                                      
                                        </h:inputText>

                                    </div>
                                    <div class="fields_input">
                                        <label><h:outputText value="#{locale.lname}"/>*:</label>&nbsp;                                     
                                        <h:inputText value="#{CustomerBean.nv103}" id="lastname" lang="firstname" styleClass="required"></h:inputText>
                                    </div>

                                </div>
                                <div class="form-right">
                                    <div class="fields_input">
                                        <label> <h:outputText value="#{locale.sex}"/>*:</label>
                                        <h:selectOneRadio value="#{CustomerBean.nv107}" styleClass="feild_sex"  style="width:100px;"   >
                                            <f:selectItem itemValue="M" itemLabel="#{locale.employeeSexMale}" />
                                            <f:selectItem itemValue="F" itemLabel="#{locale.employeeSexFmale}"/>                                                     
                                        </h:selectOneRadio>
                                    </div>
                                    <div class="fields_input">                                       
                                        <label><h:outputText value="#{locale.dateBorn}"/>*:</label>&nbsp;
                                        <input type="text" id="leavedate1" name="leavedate1"  class="input_fields required date"  
                                               value="<h:outputText value="#{CustomerBean.nd118}"> <f:convertDateTime pattern="dd/MM/yyyy"/></h:outputText>"/>

                                    </div>
                                    <div class="fields_input">
                                        <label><h:outputText value="#{locale.status_marries}"/>:</label>
                                        <h:selectOneMenu value="#{CustomerBean.nv109}"  >                                           
                                            <f:selectItem itemLabel="#{locale.status_family_true}" itemValue="1" />
                                            <f:selectItem itemLabel="#{locale.status_family_false}" itemValue="2" />
                                            <f:selectItem itemLabel="#{locale.status_family_orther}" itemValue="3" />
                                        </h:selectOneMenu>
                                    </div>

                                </div>
                                <div class="popup-footer">

                                    <h:inputHidden id="FFN600" value="#{CustomerBean.FN600}" />
                                    <h:inputHidden id="FK100" value="#{CustomerBean.fk100}" /> 
                                    <h:outputText value="#{CustomerBean.message}" id="mesage3" styleClass="mesage"/>
                                    <a4j:commandButton onclick="showPleaseWait();"  action="#{CustomerBean.saveCustomer}"  oncomplete="hidePleaseWait();"  styleClass="buttonsave savewait" value="#{locale.save}" reRender="lang,mesage3,pn100">

                                    </a4j:commandButton>
                                    <h:inputHidden value="#{CustomerBean.flag}" id="flag" />
                                    <h:inputHidden value="#{CustomerBean.pn100}" id="pn100" />
                                    <h:inputHidden value="#{CustomerBean.editpage}" id="editpage"/>
                                    <%--<h:inputHidden value="#{CustomerBean.sendPage}" id="sendPage" />--%>
                                    <h:inputHidden value="#{CustomerBean.fn850}" id="fn850" />
                                    <h:inputHidden value="#{CustomerBean.nv113}" id="nv113" />                                       
                                    <h:inputHidden value="#{CustomerBean.ni105}" id="ni105" />
                                    <h:inputHidden value="#{CustomerBean.nn117}" id="nn117" />


                                </div>


                            </h:panelGroup>                          
                            <!-- End List Content-->
                        </div>

                    </a4j:form>
                    <a4j:form id="form-input-customerform" rendered="#{customerExpand.flagForm != 0}">
                        <span class="header-box boder-bomttom"><h:outputText value="#{locale.job_info}"/></span>
                        <div class="customer-box" style="" lang="<h:outputText value="#{customerExpand.PN100}"/>">
                            <h:inputHidden value="#{customerExpand.flagExpand}" id="flagExpand"/>
                            <h:panelGroup id="message2" >
                                <div style="float:left; width:50%;">
                                    <div class="fields_input">
                                        <label><h:outputText value="#{locale.title}"/></label>
                                        <h:selectOneMenu value="#{customerExpand.NV101}" style="margin-left:9px; height:21px">
                                            <f:selectItems value="#{customerExpand.selectItems}" />
                                        </h:selectOneMenu>

                                    </div>
                                    <div class="fields_input">
                                        <label><h:outputText value="#{locale.fname}"/>*:</label>&nbsp;
                                        <h:inputText value="#{customerExpand.NV102}" id="firstname" styleClass="requiredF">
                                            <h:message for="firstname"/>
                                        </h:inputText>

                                    </div>
                                    <div class="fields_input">
                                        <label><h:outputText value="Chữ lót"/>:</label>&nbsp;
                                        <h:inputText value="#{customerExpand.NV127}" id="middlename" >
                                            <h:message for="middlename"/>
                                        </h:inputText>

                                    </div>
                                    <div class="fields_input">
                                        <label><h:outputText value="#{locale.lname}"/>*:</label>&nbsp;
                                        <h:inputText value="#{customerExpand.NV103}" id="lastname" lang="firstname" styleClass="requiredL"></h:inputText>
                                    </div>
                                </div>
                                <div style="float:left; width:50%;">                                   
                                    <div class="fields_input">
                                        <label><h:outputText value="#{locale.dateBorn}"/>:</label>&nbsp;
                                        <input type="text" id="date" name="date"  class="input_fields required date"  
                                               value="<h:outputText value="#{customerExpand.nd118}"> <f:convertDateTime pattern="dd/MM/yyyy"/></h:outputText>"/>
                                    </div>
                                    <div class="fields_input">
                                        <label><h:outputText value="#{locale.email}" />:</label>&nbsp;
                                        <h:inputText value="#{customerExpand.email}" styleClass="email" />
                                    </div>
                                    <div class="fields_input">
                                        <label><h:outputText value="#{locale.mobile}" />:</label>&nbsp;
                                        <h:inputText value="#{customerExpand.mobi}" styleClass="number" />
                                    </div>
                                    <div class="fields_input">
                                        <label><h:outputText value="#{locale.tel}" />:</label>&nbsp;
                                        <h:inputText value="#{customerExpand.tel}" styleClass="number" />
                                    </div>
                                </div>
                                <div style="width:100%;float:left;">
                                    <label><h:outputText value="#{locale.notice1}"/>:</label>
                                    <h:inputTextarea value="#{customerExpand.notice}" cols="20" style="margin-top:8px;margin-left: 9px;width: 502px;" ></h:inputTextarea>
                                </div>

                            </h:panelGroup>
                            <div class="popup-footer" style="height:40px;">
                                <h:outputText value="#{customerExpand.message}" id="mesage" styleClass="mesage"/>

                                <a4j:commandButton  value='#{locale.save}' actionListener="#{customerExpand.saveN100andN590}"
                                                    onclick="showPleaseWait();"
                                                    oncomplete="hidePleaseWait();" 
                                                    styleClass="buttonsave" reRender="mesage" >

                                </a4j:commandButton>


                            </div>
                            <!-- End List Content-->
                        </div>
                        <h:inputHidden id="pn100" value="#{customerExpand.PN100}"/>
                    </a4j:form>
                    <%-- Start Load ajax form postN950Ajax(forder Index) --%>
                    <h:panelGroup id="contact" >
                        <span class="header-box contactN950"><h:outputText value="#{locale.contact_info}"/></span>
                        <div class="customer-box" style="display:none;">
                            <div class="customer-boxcontact">

                            </div>
                        </div>
                    </h:panelGroup>
                    <%-- End Load ajax form postN950Ajax(forder Index) --%>
                    <!-- giay to tuy than -->
                    <span class="header-box infoN350" ><h:outputText value="#{locale.papers_person}"/></span>
                    <div class="customer-box" style="display:none">
                        <div class="customer-boxN350">
                            <!-- Danh cho from contact N950 ------------------------------------------>
                        </div>
                    </div>
                    <!-- end giay to tuy than -->

                    <h:panelGroup id="account">
                        <span class="header-box acountT025" ><h:outputText value="#{locale.bank_account}"/></span>

                        <div class="customer-box" style="display:none">

                            <div class="customer-boxacount">
                                <!-- Danh cho from contact N950 ------------------------------------------>
                            </div>
                        </div>
                    </h:panelGroup>

                    <h:panelGroup id="accountnoibo">
                        <span class="header-box customerK100"><h:outputText value="#{locale.orther_info}"/></span>

                        <div class="customer-box" style="display:none">

                            <div class="customer-boxcustomer">
                                <!-- Danh cho from contact N950 ------------------------------------------>
                            </div>
                        </div>
                    </h:panelGroup>


                    <span class="header-box"><h:outputText value="#{locale.company}"/></span>



                    <div class="customer-box" style="display:none">
                        <h:inputHidden id="PN100n3"  value="#{customerExpand.PN100}"  />
                        <div class="fromtim">
                            <div class="fast_search1">
                                <h:inputText value="#{customerExpand.keySearch}" onfocus="if(this.value=='')this.value='';" styleClass="keysearch1"  style="width:256px;margin-left: 66px;"/>
                                <a4j:commandButton  value='' actionListener="#{customerExpand.reload1}"
                                                    onclick="showPleaseWait();"
                                                    oncomplete="hidePleaseWait();" 
                                                    styleClass="buttonsearch" reRender="message6,search"  />

                            </div>
                        </div>
                        <div class="buttonsave1">
                            <span><h:outputText value="Thêm công ty"/></span>
                        </div>
                       
                        <div class="buttonsave2">
                            <span><h:outputText value="Tìm kiếm"/></span>
                        </div>
                         

                        <div class="research">
                            <h:panelGroup id="search">
                                <div style="height:150px ; width:100%; overflow-x:auto; overflow-y:scroll"> 
                                    <rich:dataTable reRender="sc2" value="#{customerExpand.listCustomerExpand}" var="item"                            
                                                    onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"
                                                    width="926px" columnClasses=",columns,columns,columns" rowKeyVar="row"
                                                    id="table" styleClass="machinePosDataTable">
                                        <rich:column>
                                            <f:facet name="header">
                                                <h:outputText value="Chọn" />
                                            </f:facet>

                                            <input type="checkbox" class="check_select1" name="foo" value="bar<h:outputText value="#{row+1}"/>" lang="<h:outputText value="#{item.pk100}"/>" />
                                        </rich:column>
                                        <rich:column style="width:300px;" styleClass="demo11">
                                            <f:facet name="header">
                                                <h:outputText  value="Tên công ty" />
                                            </f:facet>
                                            <div class="congty">
                                                <h:outputText  styleClass="cty" value="#{item.kv103}" />    
                                            </div>
                                        </rich:column>
                                        <rich:column style="width:200px;" styleClass="demo11">
                                            <f:facet name="header">
                                                <h:outputText  value="Tên giao dịch" />
                                            </f:facet>
                                            <div style="width:120px;">
                                                <h:outputText  styleClass="tendg" value="#{item.kv105}" />
                                            </div>
                                        </rich:column>
                                        <rich:column style="width:200px;" styleClass="demo11">
                                            <f:facet name="header">
                                                <h:outputText styleClass="tnn" value="Ngành nghề" />
                                            </f:facet>
                                            <div style="width:200px;">
                                                <h:outputText   value="#{item.nv552}" />
                                                <h:outputText style="display:none"  styleClass="cty1" value="#{item.fn550}" />
                                            </div>
                                        </rich:column>

                                    </rich:dataTable>
                                </div>
                                <div class="popup-footer" style="height:40px;">
                                    <h:outputText value="#{customerExpand.message}" id="mesagecheck" styleClass="message"/>
                                    <a4j:commandButton  value='#{locale.save}' actionListener="#{customerExpand.saveCarew}"
                                                        onclick=" showPleaseWait();"
                                                        oncomplete="hidePleaseWait();" style="margin-right:55px;"
                                                        styleClass="buttonsaveCompany1" reRender="mesagecheck">

                                    </a4j:commandButton>
                                </div>

                            </h:panelGroup>
                        </div>
                        <div class="fromcareww">
                            <div style="float:left; width:320px;">
                                <div class="fields_input">
                                    <label><h:outputText value="Tên công ty"/> *:</label>&nbsp;
                                    <h:inputText value="#{customerExpand.KV102}" >
                                    </h:inputText>

                                </div>
                                <div class="fields_input">
                                    <label><h:outputText value="Tên giao dịch"/>:</label>&nbsp;
                                    <h:inputText value="#{customerExpand.KV103}" id="company1" >
                                        <h:message for="company1"/>
                                    </h:inputText>

                                </div>
                            </div>
                            <div style="float:left; width:326px;">
                                <div class="fields_input">
                                    <label><h:outputText value="#{locale.career}"/>: </label>
                                    <h:selectOneMenu id="comboboxn550" value="#{customerExpand.FN550}"  styleClass="combobox" style="width:192px;">
                                        <f:selectItems value="#{k100Controller.combN550}"></f:selectItems> 
                                    </h:selectOneMenu>
                                </div>
                                <div class="fields_input">
                                    <label><h:outputText value="#{locale.customertype}"/>:</label>
                                    <h:selectOneRadio value="#{customerExpand.KN114}" id="sex" styleClass="select_cus"  style="margin-left:15px;"  >
                                        <f:selectItem itemValue="1" itemLabel="#{locale.customer_tn}"/>
                                        <f:selectItem itemValue="0" itemLabel="#{locale.customer_tt}"/>
                                    </h:selectOneRadio>
                                </div>
                            </div>
                            <div style="width:100%;float:left;margin-top:8px;">
                                <label><h:outputText value="#{locale.notice1}"/>:</label>
                                <h:inputTextarea value="#{customerExpand.KV101}" cols="20" style="margin-left: 9px;width: 517px;" ></h:inputTextarea>
                            </div>
                            <div class="popup-footer" style="height:40px;">
                                <h:outputText value="#{customerExpand.message}" id="mesage1111" styleClass="message"/>
                                <a4j:commandButton  value='#{locale.save}' actionListener="#{customerExpand.saveDataFK100}"
                                                    onclick="showPleaseWait();"
                                                    oncomplete="hidePleaseWait();" style="margin-right:55px;"
                                                    styleClass="buttonsave" reRender="mesage1111,pn100,pn100lang">

                                </a4j:commandButton>

                            </div>
                        </div>
                        <!-- E/DIVnd List Content-->
                    </div>
                    <div class="messa" style=" margin-left: 89px;margin-top: 368px !important;">                                
                        <h:outputText id="message" value="#{locale.please_save_customer}" style="display:none;margin-left:200px;color:red;font-weight:bold;font-style:italic;" styleClass="messa"/>
                    </div>

                </div>


                <div class="popup-footer">
                    <div class="buttonsave close111" style="margin-right: 35px;" onclick="parent.jQuery.fancybox.close(); "  ><span><h:outputText value="#{locale.button_close}"/></span></div>
                </div>            


            </div>
        </body>

    </f:view>
</html>
<script type="text/javascript">
    $j(document).ready(function(){
        yhight = ($j('.popup').height()-90)+"px" ;
        $j('.main_content').css('height',yhight );
        $j('.popup-content').css('height',yhight );
    });
</script>